<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd"
    >
<html lang="en">
<head>
<title>Бой [%title%]</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />

<LINK rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

<link rel="stylesheet" href="/s/jquery.jscrollpane.css" type="text/css">
<link rel="stylesheet" href="/s/jquery.jscrollpane.lozenge.css?[%rand%]" type="text/css">

<script src="/j/lib/jquery-1.6.2.js"></script>
<script src="/j/lib/jquery.tmpl.js"></script>

<script src="/j/lib/jquery.jscrollpane.min.js"></script>
<script src="/j/lib/jquery.mousewheel.min.js"></script>
<script src="/j/lib/jquery.json-2.2.min.js"></script>
<script src="/j/lib/jquery.caret.min.js"></script>
<script src="/j/lib/jquery.cookie.js"></script>

<script src="/j/game/battle_log.js?[%rand%]"></script>

<script>

var Log = [%if log%][%log.json%][%else%]null[%end%];
var Side = [%if side%][%side.json%][%else%]null[%end%];

$(function(){
	Acts.show_log(Log,"log");
});

</script>
<style>
div.log{
	padding: 2px;
}
span.act {
	font-weight: bold;
}
span.side1 {
	color: red;
}
span.side2 {
	color: blue;
}
span.hp {
	color: grey;
}
span.title {
}
</style>
</head>
<body>
[%if error%]
	<div>
	[%error%]
	</div>
[%end%]

<div id="side">
</div>

<div id="log">
</div>

</body>
</html>
